﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Panel.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	CompleteChart
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script src="../../Scripts/ddtabmenu.js" type="text/javascript"></script>
    <link href="../../Styles/ddcolortabs.css" rel="stylesheet" type="text/css" />
<div id="ddtabs1" class="ddcolortabs">
    <ul>
        <li><a rel="ct1">Kredi Kartı</a></li>
        <li><a rel="ct2">Havale/EFT</a></li>
        <li><a rel="ct3">Vadeli</a></li>
        <li><a rel="ct3">Kredi Kartı Alternatif</a></li>
    </ul>
</div>
<div class="ddcolortabsline">&nbsp;</div>
<div class="tabcontainer">
    <div id="ct1" class="tabcontent" style="display: none;">
        <div class="confirmAddressContainer">
        <form id="Form1">
            <%--<div class="orderHeader">Alışverişi Tamamla</div>--%>
            <br />
            <div class="odemeSayfasiContainer">
                <div class="detailSectionRow">
                    <div class="detailSectionRowTitle-50pc">Kart Üzerindeki İsim :</div>
                    <div class="detailSectionRowText-300pc"><input type="text" id="Text6" maxlength="50" class="detailSectionControl"/></div>
                </div>
                <div class="detailSectionRow">
                    <div class="detailSectionRowTitle-50pc">Kart Tipi :</div>
                    <div class="detailSectionRowText-300pc">&nbsp &nbsp<select>
                                                                <option>Visa</option>
                                                                <option>Master</option>
                                                                <option>American Express</option>
                                                            </select>
                    </div>
                 </div>
                <div class="detailSectionRow">
                    <div class="detailSectionRowTitle-50pc">Son Kullanma Tarihi :</div>
                    <div class="detailSectionRowText-300pc">&nbsp &nbsp<select>
                                                                <option>Ay</option>
                                                                <option>1</option>
                                                                <option>2</option>
                                                                <option>3</option>
                                                                <option>4</option>
                                                                <option>5</option>
                                                                <option>6</option>
                                                                <option>7</option>
                                                                <option>8</option>
                                                                <option>9</option>
                                                                <option>10</option>
                                                                <option>11</option>
                                                                <option>12</option>
                                                            </select><label>&nbsp/  &nbsp</label><select>
                                                                <option>Yıl</option>
                                                                <option>2011</option>
                                                                <option>2012</option>
                                                                <option>2013</option>
                                                                <option>2014</option>
                                                                <option>2015</option>
                                                            </select>
                    </div>
                </div>
                <div class="detailSectionRow">
                    <div class="detailSectionRowTitle-50pc">Kart Numarası :</div>
                    <div class="detailSectionRowText-300pc"><input type="text" id="Text7" maxlength="4" class="detailSectionControlKrediKarti"/>&nbsp - &nbsp<input type="text" id="Text8" maxlength="4" class="detailSectionControlKrediKarti"/>&nbsp - &nbsp<input type="text" id="Text9" maxlength="4" class="detailSectionControlKrediKarti"/>&nbsp - &nbsp<input type="text" id="Text10" maxlength="4" class="detailSectionControlKrediKarti"/></div>
                </div>
                <div class="detailSectionRow">
                    <div class="detailSectionRowTitle-50pc">Güvenlik Kodu :</div>
                    <div class="detailSectionRowText-300pc"><input type="text" id="Text11" maxlength="3" class="detailSectionControlKrediKarti"/> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  <a href="#" onclick="window.open( '<%= Url.Action( "Cvc2", "Sepet"  ) %>','Prodma', 'scrollbars=1, width=600, height=400' );">Detayli Bilgi için Tıklayınız</a></div>
                </div>
                <br /><br />
                <input class ="orderLogOnSubmit" type="button" onclick="submitFormToOrderSuccess();" value="Alışverişi Tamamla" />
            </div>

        </form>
            </div>
    </div>
    <div id="ct2" class="tabcontent" style="display: none;">
        <div class="havaleContainer">
            <div class="havaleRow">
                <div class="havaleRowRadio"><input type="radio" name="banka" value="0" checked /></div>
                <div class="havaleRowImage"><img src="../../Images/Bankalar/isbankasi.gif" /></div>
                <div class="havaleRowIban">IBAN</div>
            </div>
            <div class="havaleRow">
                <div class="havaleRowRadio"><input type="radio" name="banka" value="0" /></div>
                <div class="havaleRowImage"><img src="../../Images/Bankalar/finansbank.jpg" /></div>
                <div class="havaleRowIban">IBAN</div> 
            </div>
            <div class="havaleRow">
                <div class="havaleRowRadio"><input type="radio" name="banka" value="0" /></div>
                <div class="havaleRowImage"><img src="../../Images/Bankalar/garanti.jpg" /></div>
                <div class="havaleRowIban">IBAN</div>
            </div>
            <div class="havaleRow">
                <div class="havaleRowRadio"><input type="radio" name="banka" value="0" /></div>
                <div class="havaleRowImage"><img src="../../Images/Bankalar/akbank.jpg" /></div>
                <div class="havaleRowIban">IBAN</div>
            </div>
            <div class="havaleRowConfirmButton">
                <input class ="orderLogOnSubmit" type="button" onclick="submitFormToOrderSuccess();" value="Alışverişi Tamamla" />
            </div>
        </div>
    </div>
    <div id="ct3" class="tabcontent" style="display: none;">
        VADELİ
    </div>
</div>


    <script>
        function submitFormToOrderSuccess() {

            var form = document.getElementById('completeChart')
            form.action = '/Sepet/OrderSuccess'
            form.submit();

        }


        //SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
        ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu with ID "ddtabs1" and select 1st tab by default
</script>
</asp:Content>

